<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:a4j="http://richfaces.org/a4j"
	xmlns:rich="http://richfaces.org/rich">

<h:head>
	<title>#{msg.system_title}</title>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	
</h:head>

<h:body class="body">		
	<f:view locale="#{localeBean.language}">

		<table class="wrap">

			<TR>
				<td>
					<table class="header">
						<tr>
							<TD width="800px">
								<h1>
									<a class="title" href="#">#{msg.system_title}</a>
								</h1> <BR />
								<h2 class="title_desc">#{msg.system_title_desc}</h2>
							</TD>

							<TD width="224px" align="right" valign="bottom"><ui:include
									src="/template/language.xhtml" /></TD>
						</tr>
					</table>
				</td>
			</TR>	

			<TR>
				
				<TD align="center">
					<rich:notifyMessages stayTime="5000" nonblocking="true" />
					<rich:panel header="#{msg.login}">
						<h:form id="loginform">
							<table>
								<tr>
									<td rowspan="3">
										<h:graphicImage library="images" name="login.jpg" />
									</td>
									<td><h:outputText value="#{msg.username}: " styleClass="outputText" style="font-size: 20px;" /></td>
									<td>
										<h:inputText id="login_username" value="#{loginBean.username}"
											required="true" requiredMessage="#{msg.username} - #{msg.required_field}" 
											styleClass="inputText" style="font-size: 20px;" maxlength="30" size="20" />
									</td>
									<td width="5%"><rich:message for="login_username" styleClass="message-icon" /></td>
								</tr>
								<tr>
									<td><h:outputText value="#{msg.password}: " styleClass="outputText" style="font-size: 20px;" /></td>
									<td>
										<h:inputSecret id="login_password" value="#{loginBean.password}" 
											required="true" requiredMessage="#{msg.password} - #{msg.required_field}"
											styleClass="inputText" style="font-size: 20px;" maxlength="30" size="20" />
									</td>
									<td width="5%"><rich:message for="login_password" styleClass="message-icon" /></td>
								</tr>
								<tr>
									<td colspan="2" align="RIGHT">
										<h:commandButton id="loginbtn" value="#{msg.login}" action="#{loginBean.login}" styleClass="buttonClass" style="font-size: 20px;" />
									</td>
								</tr>
								
							</table>
					
						</h:form>
					</rich:panel>
				</TD>
			</TR>			
			<TR>
				<TD align="center">
					<h:graphicImage library="images" name="emNames.png" />
				</TD>
			</TR>
					
		</table>

	</f:view>
</h:body>
<h:outputStylesheet name="style.css" library="css" />
</html>
